<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>Log In</title>

        <!-- Framework CSS -->
        <link rel="stylesheet" href="/resources/css/frame/screen.css" type="text/css" media="screen, projection" />
        <link rel="stylesheet" href="/resources/css/frame/print.css" type="text/css" media="print" />

        <!-- Site Specific CSS -->
        <link rel="stylesheet" href="/resources/css/theme.css" type="text/css" media="screen, projection" />

        <!--[if IE]><link rel="stylesheet" href="/resources/css/frame/ie.css" type="text/css" media="screen, projection"><![endif]-->

        <script language="javascript" type="text/javascript" src="/resources/js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/validate/jquery.validate.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/validate/localization/messages_es.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                $('#frmRegister').validate();

                $('#register').click(function (e) {
                    $('#frmRegister').submit();
                })
            })
        </script>
    </head>

    <body class="login">

        <div class="container_12">

            <div class="grid_6 prefix_3 suffix_3">

                <div class="main login" style="width:auto; padding:20px;">

                    <div class="content-box">

                        <div class="content-header">
                            <h3>Registro</h3>
                        </div>

                        <?php if ($this->message): ?>
                            <div class="notice">
                                <?php echo $this->message; ?>
                            </div>
                        <?php endif; ?>

                        <div class="error" style="display: none">
                        </div>
                        <p>Ingrese sus datos:</p>
                        <form id="frmRegister" action="/register/save" method="post">
                            <div>
                                <label>Nombre de Usuario</label>
                                <input type="text" name="username" size="30" class="required"/>
                            </div>

                            <div>
                                <label>Contraseña</label>
                                <input type="password" name="password" id="password" size="30" class="required" min="6"/>
                            </div>

                            <div>
                                <label>Repita Contraseña</label>
                                <input type="password" name="password2" id="password2" size="30" class="required" min="6"/>
                            </div>

                            <div>
                                <label>E-mail</label>
                                <input type="text" name="email" id="email" size="30" class="required email" />
                            </div>

                            <div>
                                <label>Nombre</label>
                                <input type="text" name="name" id="name" size="30" class="required"/>
                            </div>

                            <div>
                                <label>Apellido</label>
                                <input type="text" name="surname" size="30" class="required"/>
                            </div>

                            <div>
                                <label>Fecha de Nacimiento</label>
                                <select>
                                    <?php for ($day = 1; $day <= 31; $day++): ?>
                                        <option name="day" value="<?php echo $day; ?>"><?php echo $day; ?></option>
                                    <?php endfor; ?>
                                </select>
                                <select>
                                    <?php for ($month = 1; $month <= 12; $month++): ?>
                                        <option name="month" value="<?php echo $month; ?>"><?php echo $month; ?></option>
                                    <?php endfor; ?>
                                </select>
                                <select>
                                    <?php for ($year = 1970; $year <= 2030; $year++): ?>
                                        <option name="year" value="<?php echo $year; ?>"><?php echo $year; ?></option>
                                    <?php endfor; ?>
                                </select>
                            </div>

                            <div>
                                <label>Career</label>
                                <input type="text" name="career" size="30" class="required"/> 
                            </div>

                            <p class="link">
                                <a href="javascript:void(0)" id="register"><span><span>Registrar</span></span></a>
                            </p>
                        </form>

                        <div class="clear"></div>

                    </div>

                </div>

            </div>

        </div>

    </body>
</html>